import { StyleSheet } from 'react-native';
import { SCREEN_WIDTH } from '@/utils/resize';
import { primaryColor } from '@/constants/Colors';
import { hexToRgba } from '@/utils/helper';

const imgSize = SCREEN_WIDTH / 1.5;

export default StyleSheet.create({
  container: {
    flex: 1,
  },
  content: {
    flex: 1,
    paddingBottom: 24,
    alignItems: 'center',
    justifyContent: 'center',
  },
  tipContent: {
    paddingVertical: 24,
    paddingHorizontal: 24
  },
  tip: {
    fontSize: 16,
    lineHeight: 24,
    fontWeight: '500',
    color: '#666'
  },
  upload: {
    width: imgSize,
    height: imgSize,
    borderRadius: '50%',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: hexToRgba(primaryColor, .15)
  },
  image: {
    width: imgSize,
    height: imgSize,
    borderRadius: imgSize / 2
  },
  upload_edit: {
    width: 48,
    height: 48,
    right: 6,
    bottom: 20,
    zIndex: 10,
    borderRadius: '50%',
    position: 'absolute',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: primaryColor
  }
});